#page
{
	width:980px;
	height:733px;
	margin-left:auto;
	margin-right:auto;
	font-family: arial;
}
#div_titre
{
	height:65px;
	width:100%;
	color:#0099CC;
	font-size:28px;
	text-align:center;
	font-weight:bold;
}
.produit
{
float:left;
width:321px;
height:316px;
background:  url(fd_produit.png) no-repeat;
margin-left:5px;
}
.num_produit
{
	text-align:center;
	color:white;
	font-size:28px;
	text-shadow: 0px 0px 12px #000000;
	height:60px;
}
.fonction
{
	width:192px;
	height:64px;
	background:  url(fd_fonction.png) no-repeat;
}

.fonction div
{
	width:183px;
	height:56px;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:22px;
	line-height:55px;
	cursor:pointer;
}

.off
{
	background-color:#000000;
}
.on
{
	background-color:#FF9900;
	text-decoration: blink;
}
.unknow
{
	background-color:#999999;
}
.error
{
	background-color:#FF0000;
}
.ok
{
	background-color:#33CC00;
}

.test
{
	width:87px;
	height:63px;
	background:  url(fd_test.png) no-repeat;
}

.test div
{
	width:79px;
	height:56px;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:18px;
	line-height:55px;
	cursor:pointer;
}

.console
{
	float:left;
	width:988px;
	height:340px;
	background:  url(fd_console.png) no-repeat;
	color:white;
}
.console strong
{
	color:red;
	font-weight:normal;
}
.console div
{
	float:left;
	width:50%;
	height:100%;
	overflow:auto;
}
#jauge_buffer
{
	float:left;
	height:60px;
	width:500px;
	border:solid black 2px;
	margin-left:230px;
	
}
#barre_jauge
{
		height:100%;
		background:  url(fd_pourcentage.png) repeat-y;
		width:100px;
}


#menu_h{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 0.75em;
	width: 30%;
	text-align: left;
	background: #D3D3D3 ;
	border-collapse:collapse;
}



#menu_h th
{
    padding: 1%;
    font-weight: normal;
    font-size: 1em;
    color: #000000;
    background: #D3D3D3 ;
	

	}



#menu_h thead th.log
{
    background: #D3D3D3 ;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
	width:20%;
}
#menu_h thead th.con
{
    background:  #D3D3D3 ;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
	width:20%;	
}


#menu_h thead th.lang
{
    background:  #D3D3D3 ;
    width:20%;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}
#menu_h thead th.help
{
    background:  #D3D3D3 ;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
	width:20%;
    height: 5%;

}
#menu_h thead th.empty
{
    background:  #FFFFFF ;
    width:5%;
	border-top: 1px solid #FFF;
   
	}


#menu_h thead th.lines
{
    background:  #FFFFFF ;
	width:15%;
	border-top: 1px solid #FFF;
}

.styled-select select {
   background: transparent;
   width: 100%;
   height:100%;
   font-size: 1em;
   border: 1px solid #ccc
}

div#menu_g1 {
    float:left;
    width:20%;
    height:95%;
    background-color:#FFFFFF;
    text-align:left;
    margin: 0 0 0 -2.4%;
}


#navigation li {
    background: #d3d3d3 ;
    width:90%;
    color: #ffffff ;
    border: 1px solid #000000 ;
    margin-bottom: 1px ;
}

#navigation li a {
    display: block ;
    width:90%;
    background: #d3d3d3 ;
    color: #000000 ;
    font: 0.75em "Trebuchet MS",Arial,sans-serif ;
    line-height: 1em ;
    text-align: left ;
    text-decoration: none ;
    padding: 5% 2% ;
    
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  background: #B7CCDE ;
  width:97%;
}






